<template>
  <div class="data-show">
    <div class="data_title"><i class="iconfont icon-shujukanban"></i><h2>数据看板</h2></div>
    <ul>
      <li><span>10000</span><span class="new_dd">10000</span><i class="iconfont icon-shenghuoyongpin-"></i></li>
      <li><span>10000</span><span class="new_dd">10000</span><i class="iconfont icon-icon_digonghao"></i></li>
      <li><span>10000</span><span class="new_dd">10000</span><i class="iconfont icon-tijianbaogao"></i></li>
      <li><span>10000</span><span class="new_dd">10000</span><i class="iconfont icon-jinggao"></i></li>
    </ul>
  </div>
</template>

<script setup>

</script>

<style>
.data-show ul{
  display: -webkit-flex;
  display: flex;
  flex-direction:row;
  flex-flow:wrap;
  justify-content: center;
  align-items: center;
  align-content: space-between;
  width: 90%;
}

.data-show ul li i{
  display: block;
  width: 50px;
  height: 50px; 
  color: #d0c1b1;
  font-size: 85px;
  margin-top: 110px;
  margin-left: 70%;
}

.data-show ul li span{
  position:absolute;
  display: block;
  color: #d0c1b1;
  font-size: 45px;
  margin-top: 30px;
  margin-left: 20px;
}

.new_dd{
  margin-top: 120px !important;
}

.data-show ul li{
  width: 380px;
  height: 220px;
  background-color: #605144;
  margin: 50px 100px 50px 100px;
  box-shadow: inset 0px 1px 0px #ca73f8, 0px 5px 0px 0px #d0c1b1, 0px 10px 5px #999;
} 
</style>